// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: http://codemirror.net/LICENSE

(function() {
  var mode = CodeMirror.getMode({ indentUnit: 2 }, 'sass');
  // Since Sass has an indent-based syntax, is almost impossible to test correctly the indentation in all cases.
  // So disable it for tests.
  mode.indent = undefined;
  function MT(name) {
    test.mode(name, mode, Array.prototype.slice.call(arguments, 1));
  }

  MT(
    'comment',
    '[comment // this is a comment]',
    '[comment   also this is a comment]',
  );

  MT(
    'comment_multiline',
    '[comment /* this is a comment]',
    '[comment   also this is a comment]',
  );

  MT('variable', '[variable-2 $page-width][operator :] [number 800][unit px]');

  MT(
    'global_attributes',
    '[tag body]',
    '  [property font][operator :]',
    '    [property family][operator :] [atom sans-serif]',
    '    [property size][operator :] [number 30][unit em]',
    '    [property weight][operator :] [atom bold]',
  );

  MT(
    'scoped_styles',
    '[builtin #contents]',
    '  [property width][operator :] [variable-2 $page-width]',
    '  [builtin #sidebar]',
    '    [property float][operator :] [atom right]',
    '    [property width][operator :] [variable-2 $sidebar-width]',
    '  [builtin #main]',
    '    [property width][operator :] [variable-2 $page-width] [operator -] [variable-2 $sidebar-width]',
    '    [property background][operator :] [variable-2 $primary-color]',
    '    [tag h2]',
    '      [property color][operator :] [keyword blue]',
  );

  // Sass allows to write the colon as first char instead of a "separator".
  //   :color red
  // Not supported
  // MT("property_syntax",
  //    "[qualifier .foo]",
  //    "  [operator :][property color] [keyword red]")

  MT(
    'import',
    '[def @import] [string "sass/variables"]',
    // Probably it should parsed as above: as a string even without the " or '
    // "[def @import] [string sass/baz]"
    '[def @import] [tag sass][operator /][tag baz]',
  );

  MT('def', '[def @if] [variable-2 $foo] [def @else]');

  MT(
    'tag_on_more_lines',
    '[tag td],',
    '[tag th]',
    '  [property font-family][operator :] [string "Arial"], [atom serif]',
  );

  MT(
    'important',
    '[qualifier .foo]',
    '  [property text-decoration][operator :] [atom none] [keyword !important]',
    '[tag h1]',
    '  [property font-size][operator :] [number 2.5][unit em]',
  );

  MT(
    'selector',
    // SCSS doesn't highlight the :
    // "[tag h1]:[variable-3 before],",
    // "[tag h2]:[variable-3 before]",
    '[tag h1][variable-3 :before],',
    '[tag h2][variable-3 :before]',
    '  [property content][operator :] [string "::"]',
  );

  MT(
    'definition_mixin_equal',
    '[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]',
    '[meta =bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )]',
    '  [meta -webkit-][property box-sizing][operator :] [variable-2 $bs-type]',
    '  [property box-sizing][operator :] [variable-2 $bs-type]',
  );

  MT(
    'definition_mixin_with_space',
    '[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]',
    '[def @mixin] [tag bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )] ',
    '  [meta -moz-][property box-sizing][operator :] [variable-2 $bs-type]',
    '  [property box-sizing][operator :] [variable-2 $bs-type]',
  );

  MT(
    'numbers_start_dot_include_plus',
    // The % is not highlighted correctly
    // "[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][unit %][operator )][operator )]",
    '[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][operator %))]',
    '  [property padding][operator :] [number .3][unit em] [number .6][unit em]',
    '  [variable-3 +border-radius][operator (][number 8][unit px][operator )]',
    '  [property background-color][operator :] [variable-2 $button-base]',
  );

  MT(
    'include',
    '[qualifier .bar]',
    '  [def @include] [tag border-radius][operator (][number 8][unit px][operator )]',
  );

  MT(
    'reference_parent',
    '[qualifier .col]',
    '  [property clear][operator :] [atom both]',
    // SCSS doesn't highlight the :
    // "  &:[variable-3 after]",
    '  &[variable-3 :after]',
    "    [property content][operator :] [string '']",
    '    [property clear][operator :] [atom both]',
  );

  MT(
    'reference_parent_with_spaces',
    '[tag section]',
    '  [property border-left][operator :]  [number 20][unit px] [atom transparent] [atom solid] ',
    '  &[qualifier .section3]',
    '    [qualifier .title]',
    '      [property color][operator :] [keyword white] ',
    '    [qualifier .vermas]',
    '      [property display][operator :] [atom none]',
  );

  MT(
    'font_face',
    '[def @font-face]',
    "  [property font-family][operator :] [string 'icomoon']",
    '  [property src][operator :] [atom url][operator (][string fonts/icomoon.ttf][operator )]',
  );
})();
